<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
</head>

<body>
    <!-- 需要实现监听页面改动信息 -->
    <!-- 使用v-for遍历当前页码，然后，通过click事件，确认当前点击
             通过page参数使用watch监听当前页码变化 -->
    <div id="app">
        <p>当前页码{{page}}</p>
        <button v-for="item in 5" @click="page=item">{{item}}</button>

    </div>
    <script>
        Vue.config.productionTip = false;

        const vm = new Vue({
            el: "#app",
            data() {
                return {
                    // page 是当前页
                    page:1

                };
            },
            watch:{
                page(newpage,oldpage){
                    console.log(`请求当前页码-第${newpage}页`,newpage,oldpage)
                }
            }
           
        });
    </script>
</body>

</html>